﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '205095903581751');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=205095903581751&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="yes" name="apple-touch-fullscreen" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="320" name="MobileOptimized" />
    <meta content="telephone=no" name="format-detection" />
    <title></title>

    <style>
        body {
            font-family: "微软雅黑",Verdana, Arial, Helvetica;
            color: #6F6F6F;
        }

        .main {
            width: 100%;
            max-width: 750px;
            margin: auto;
        }

        .title h2 {
            background: #FF0000;
            color: white;
            font-size: 18px;
            line-height: 30px;
            margin: 0 auto;
            clear: both;
            text-align: center;
            font-weight: 500;
        }

        .info h3 {
            font-size: 14px;
            text-align: center;
            font-weight: 500;
        }

        .goods {
            float: right;
            width: 70%;
        }

            .goods ul {
                margin: 0px 0 5px 0;
                padding: 0px;
            }

                .goods ul li {
                    font-size: 14px;
                    list-style-type: none;
                    margin: 0px;
                    padding: 0px;
                    text-align: left;
                    margin-bottom: 5px;
                }

        .button {
            width: 50%;
            margin: auto;
        }

            .button span {
                display: block;
                width: 40%;
                line-height: 30px;
                color: white;
                background: #FF0000;
                font-size: 16px;
                font-weight: 500;
                text-align: center;
                cursor: pointer;
                margin: auto;
            }

        .tp {
            width: 30%;
            float: left;
            text-align: center;
        }

            .tp img {
                width: 80%;
            }
    </style>

    
</head>
<body>
    <div class="main">
        <div class="title">
            <h2>訂單提交成功!</h2>
        </div>
        <div class="info">
            <h3>您的的訂單信息已經提交，訂單確認後將儘快安排發貨!</h3>
            <div class="tp">
                
            </div>

            <div class="goods">
                <ul>
                    <!--<li>訂單編號: 180321053149091805</li>-->
                    <li class="goodsname">商品信息: </li>
                    <li class="num">购买数量: </li>
                    <li class="buyername">姓名：</li>
                    <li class="phone">手機：</li>
                    <li class="address">地址：</li>

                </ul>
            </div>
        </div>

        <div style="clear: both;"></div>
        <div class="button">
            <h2><span class="l" onclick="jump()">返回首頁</span></h2>
        </div>
            <script src="../Scripts/Mall/jquery.min.js"></script>
        

        <script type="text/javascript">
            var url = location.search;
            var Request = new Object();
            Request = GetRequest(url);
            $('.tp').html('<img src="'+Request.img+'" />');
            $('.goodsname').append(Request.goodsname);
            $('title').append("下单成功！"+Request.goodsname);
            $('.num').append(Request.num);
            $('.buyername').append(Request.buyername);
            $('.phone').append(Request.phone);
            $('.address').append(Request.address);
            var goodsid= Request.goodsid;
            //从链接中获取参数
            function GetRequest(url) {
                  var theRequest = new Object();
                  if (url.indexOf("?") != -1) {
                    var str = url.substr(1);
                    strs = str.split("&");
                    for(var i = 0; i < strs.length; i ++) {
                      theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
                    }
                  }
                  return theRequest;
            }

            function jump() {
                window.location = "MallIndex.html?id="+goodsid;
            }
        </script>
    </div>
</body>

</html>
